html,
body {
  margin: 0px;
  padding: 0px;
  height: 100%;
  cursor: default;
  user-select: none; // -webkit-tap-highlight-color: transparent;
  background: $color-gallery;
}

::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #333;
}

:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #333;
}

::-moz-placeholder {
  /* mozilla firefox 19+ */
  color: #333;
}

:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #333;
}

.ellipsis1 {
  /* padding-right: 15px; */
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.ellipsis2,
.ellipsis3,
.ellipsis4 {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: break-word;
  white-space: normal !important;
  -webkit-box-orient: vertical;
}

.ellipsis2 {
  -webkit-line-clamp: 2;
}

.ellipsis3 {
  -webkit-line-clamp: 3;
}

.ellipsis4 {
  -webkit-line-clamp: 4;
}